<!-- 查询提醒人、群组modal -->
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" (click)="hideModal()" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">选择账户/合同/基金/产品/组合</h4>
    </div>

    <div class="modal-body">
      <form class="form-inline" style="margin-bottom:8px !important;">
        <div class="box box-default">
          <div class="box-body" style="display:block">

            <div class="form-group" style="padding-left:5px !important; margin-bottom:8px">
              <label class="control-label">基金名称：</label>
              <input type="text" class="form-control" placeholder="用户名" [(ngModel)]="sFundName" name="sFundName">
              <button type="button" class="btn btn-primary" style="margin-left:10px;" (click)="searchlist('search')">
                <i class="fa fa-search"></i>搜索</button>
            </div>
          </div>
        </div>

      </form>
      <div class="row">
        <div class="col-xs-12">
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs" style="border-bottom-width: 0px;">
              <li class="active" (click)="selectType('公募基金')">
                <a href="#tab_fundType" data-toggle="tab">公募QDII</a>
              </li>
              <!-- <li (click)="selectType('一对一专户')">
                  <a href="#tab_fundType" data-toggle="tab">一对一</a>
                </li>
                <li (click)="selectType('一对多专户')">
                  <a href="#tab_fundType" data-toggle="tab">一对多</a>
                </li>
                <li (click)="selectType('企业年金')">
                  <a href="#tab_fundType" data-toggle="tab">年金</a>
                </li>
                <li (click)="selectType('社保基金')">
                  <a href="#tab_fundType" data-toggle="tab">社保</a>
                </li>
                <li (click)="selectType('养老基金')">
                  <a href="#tab_fundType" data-toggle="tab">养老金</a>
                </li>
                <li (click)="selectType('养老金产品')">
                  <a href="#tab_fundType" data-toggle="tab">养老金产品</a>
                </li> -->
              <!-- <li (click)="fundGroupList()" *ngIf="modeType != 'searchFundCode'">
                  <a href="#tab_fundGroup" data-toggle="tab">基金组</a>
                </li> -->
              <li *ngIf="searchIsChecked">
                <a href="#tab_search" data-toggle="tab">搜索结果</a>
              </li>
            </ul>
            <div class="tab-content" style="padding:0;margin-top:10px">
              <!-- 按产品分类查询的数据 -->
              <div class="tab-pane active" id="tab_fundType">
                <div class="box-body" style="padding-left:0px;padding-right:0px;">
                  <!-- <hr> -->
                  <div style="overflow-x:scroll;width:100%;overflow-y:scroll;height:350px;">
                    <table class="table table-bordered table-hover table-keep-line table-striped" style="margin-top:unset !important;">
                      <thead>
                        <tr>
                          <th class="width-5">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="typeCheckedAll" [(ngModel)]="typeCheckedAll" name="typeCheckedAll" (ngModelChange)="checkedAll(fundTypeList,typeCheckedAll)">
                              <label></label>
                            </div>
                          </th>
                          <th class="width-20">基金代码</th>
                          <th class="width-25">基金状态</th>
                          <th class="width-25">基金名称</th>
                          <th class="width-25">合同名称</th>
                        </tr>
                      </thead>
                      <tbody style="overflow-y:scroll;">
                        <tr *ngFor="let item of fundTypeList">
                          <td>
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox"  id="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll(fundTypeList,'typeCheckedAll')">
                              <label>
                              </label>
                            </div>
                          </td>
                          <td class="short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                          <td class="short_name" [attr.title]="item.sStatusZh">{{item.sStatusZh}}</td>
                          <td class="short_name" [attr.title]="item.sFundName">{{item.sFundName}}</td>
                          <td class="short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
              <!-- 搜索结果 -->
              <div class="tab-pane" id="tab_search">
                <div class="box-body" style="padding-left:0px;padding-right:0px;">
                  <!-- <hr> -->
                  <div style="overflow-x:scroll;width:100%;overflow-y:scroll;height:350px;">
                    <table class="table table-bordered table-hover table-keep-line table-striped" style="margin-top:unset !important;">
                      <thead>
                        <tr>
                          <th class="width-5">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="searchCheckedAll"  id="typeCheckedAll" [(ngModel)]="typeCheckedAll" name="typeCheckedAll" (ngModelChange)="checkedAll(searchList,typeCheckedAll)">
                              <label></label>
                            </div>
                          </th>
                          <th class="width-20">基金代码</th>
                          <th class="width-25">基金状态</th>
                          <th class="width-25">基金名称</th>
                          <th class="width-25">合同名称</th>
                        </tr>
                      </thead>
                      <tbody style="overflow-y:scroll;">
                        <tr *ngFor="let item of searchList">
                          <td>
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll(searchList,'typeCheckedAll')">
                              <label>
                              </label>
                            </div>
                          </td>
                          <td class="short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                          <td class="short_name" [attr.title]="item.sStatusZh">{{item.sStatusZh}}</td>
                          <td class="short_name" [attr.title]="item.sFundName">{{item.sFundName}}</td>
                          <td class="short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="modal-footer">
      <button type="button" class="btn btn-default pull-left" (click)="hideModal()">关闭</button>
      <button type="button" class="btn btn-primary pull-right" (click)="saveSelect()">保存</button>
      <!-- <button type="button" class="btn btn-primary" (click)="saveEntry()">
                <i class="fa fa-save"></i>保存</button> -->
    </div>
  </div>
</div>
